<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>Grandon HTML Template</title>


<!-- add css stylesheets -->
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/base.css" />
<link rel="stylesheet" href="css/skeleton.css" />
<link rel="stylesheet" href="css/flexslider.css" type="text/css"
	media="screen" />

<!-- Pretty Photo -->
<link rel="stylesheet" type="text/css" href="css/prettyPhoto.css" />


<!--[if gte IE 8]>
	<link rel="stylesheet" media="screen" type="text/css" href="css/ie8up.css" />
<![endif]-->
<!--[if gte IE 9]>
	<link rel="stylesheet" media="screen" type="text/css" href="css/ie8up.css" />
<![endif]-->



<!-- mobile setting -->
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1" />

<!-- Favicon -->
<link rel="shortcut icon" href="images/favicon.html">


<!-- jquery -->
<script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="js/jquery.carouFredSel-6.1.0-packed.js"
	type="text/javascript"></script>
<script src="js/jquery.tipsy.js" type="text/javascript"></script>
<script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="js/jquery.iconshadow.js" type="text/javascript"></script>
<script src="js/jquery.flexslider-min.js" type="text/javascript"></script>
<script src="js/superfish.js" type="text/javascript"></script>
<script src="js/jquery.color.js" type="text/javascript"></script>
<script src="js/custom.js" type="text/javascript"></script>
<script src="js/jquery.cycle.all.js" type="text/javascript"></script>
<script src="js/modernizr.custom.js" type="text/javascript"></script>
<script src="js/jquery.fitvids.js" type="text/javascript"></script>
<script src="js/jquery.ui.totop.js" type="text/javascript"></script>
<script src="js/jquery.prettyPhoto.js"></script>
<script type="text/javascript" src="js/jquery.twitter.js"></script>

<style type="text/css">
.content_wrapper {
	padding-bottom: 0px;
}

.eight {
	margin-left: 200px;
}

.eight a {
	margin-right: 20px;
}
</style>

</head>
<body>
	<s:include value="common_file/title3.jsp"></s:include>
	<div class="slider_wrapper">
		<div class="flexslider">
			<ul class="slides">
				<li><img src="images/slides/bg.jpg" alt="header" />
					<div class="flex-caption">Grandon Multi-Purpose HTML Theme
						available only on Themeforest</div></li>
				<li><img src="images/slides/bg2.jpg" alt="header" />
					<div class="flex-caption">The best place you must visit, At
						23 North Frankand, Canada</div></li>
				<li><img src="images/slides/bg3.jpg" alt="header" />
					<div class="flex-caption">Welcome to Grandon land the
						romantic place in the world</div></li>
			</ul>
			<div class="clear"></div>
		</div>
		<!-- End FlexSlider -->

	</div>
	<!-- End slider wrapper -->


	<div class="content">

		<div class="content_wrapper">

			<div class="first_wrapper_bg">
				<div class="container">
					<div class="service_wrapper_holder">

						<div class="service_wrapper">
							<div class="four columns">
								<div class="image_shadow">
									<a href="#"><img src="images/icons/s1.png"
										class="scale-with-grid" /></a>
								</div>
								<div class="service_wrapper_inner">

									<h5>
										<a href="javascript:viod(0);">我要下单</a>
									</h5>
									<p>下单描述</p>

								</div>
							</div>
						</div>

						<div class="service_wrapper">
							<div class="four columns">
								<div class="image_shadow">
									<a href="#"><img src="images/icons/s2.png"
										class="scale-with-grid" /></a>
								</div>
								<div class="service_wrapper_inner">

									<h5>
										<a href="#"> 货物追踪 </a>
									</h5>
									<p>输入订单查询物流</p>
								</div>
							</div>
						</div>
						<div class="service_wrapper">
							<div class="four columns">
								<div class="image_shadow">
									<a href="#"><img src="images/icons/s3.png"
										class="scale-with-grid" /></a>
								</div>
								<div class="service_wrapper_inner">
									<h5>
										<a href="#"> 我的账单查询</a>
									</h5>
									<p>查询历史订单</p>
								</div>
							</div>
						</div>
						<!-- End service wrapper -->

						<div class="service_wrapper">
							<div class="four columns">
								<div class="image_shadow">
									<a href="#"><img src="images/icons/s4.png"
										class="scale-with-grid" /></a>
								</div>
								<div class="service_wrapper_inner">
									<h5>
										<a href="#"> 电子发票</a>
									</h5>
									<p>打印电子发票</p>
								</div>
							</div>
						</div>
						<div class="clear"></div>
					</div>
				</div>
			</div>
			<div class="content_shadow"></div>
			<div class="clear"></div>


			<div class="container">

				<div class="quote_h_wrapper">
					<div class="sixteen columns">

						<div class="quote_wrapper">
							<div class="quote_wrapper_inner">

								<span class="eleven columns alpha">
									<div class="quote_control">
										<h5>Welcome to Grandon Marketing solution company</h5>
										<p>We do our best to solve any problem on your markeing
											issue, why don't you trust us ? we are your first choice.</p>
									</div>
								</span> <span class="four columns alpha"> <a href="#"
									class="button align_right"><h4 class="white_color">
											<i class="icon_mark"></i>more info
										</h4></a>

								</span> <span class="clear"></span>
							</div>
							<!-- End quote wrapper inner -->
						</div>
						<!-- End quote wrapper -->
					</div>
				</div>
				<!-- End first wrapper -->

				<div class="clear"></div>

				<div class="port_wrapper_home">

					<div class="port_inner">
						<div class="sixteen columns">
							<div class="pb_title_wrapper">
								<h3 class="pb_title">Latest Resolutions</h3>
								<p class="sub_pb_title">
									<a href="#"> &nbsp; - &nbsp; view all resolution </a>
								</p>
								<div class="clear"></div>

							</div>
						</div>

						<div class="list_carousel">
							<div class="carousel_nav">
								<a class="prev" id="prev_port" href="#"><span>prev</span></a> <a
									class="next" id="next_port" href="#"><span>next</span></a>
							</div>
							<div class="clearfix"></div>

							<ul id="carousel-works" class="portfolio group">
								<li class="four columns">

									<div class="view view-tenth">
										<span class="image_holder"> <img
											src="images/large/a10.jpg" alt="" class="scale-with-grid" />
										</span>
										<div class="mask">
											<div class="mask_wrapper">
												<a href="images/large/a10.jpg" title=""
													data-rel="prettyPhoto[portfolio]" class="link1"><img
													src="images/icons/icon_zoom.png" class="scale-with-grid" /></a>
											</div>
										</div>
									</div> <span class="clear"></span>
									<div class="view_title">
										<a href="#"><h6>Sale increasing</h6></a> <span
											class="port_cat"><p>stragies</p> </span>
									</div>
								</li>
								<li class="four columns">

									<div class="view view-tenth">
										<span class="image_holder"> <img
											src="images/large/15.jpg" alt="" class="scale-with-grid" />
										</span>
										<div class="mask">
											<div class="mask_wrapper">
												<a href="images/large/15.jpg" title=""
													data-rel="prettyPhoto[portfolio]" class="link1"><img
													src="images/icons/icon_zoom.png" class="scale-with-grid" /></a>
											</div>
										</div>
									</div> <span class="clear"></span>
									<div class="view_title">
										<a href="#"><h6>Sale increasing</h6></a> <span
											class="port_cat"><p>stragies</p> </span>
									</div>
								</li>
								<li class="four columns">


									<div class="view view-tenth">
										<span class="image_holder"> <img
											src="images/large/22.jpg" alt="" class="scale-with-grid" />
										</span>
										<div class="mask">
											<div class="mask_wrapper">
												<a href="images/large/22.jpg" title=""
													data-rel="prettyPhoto[portfolio]" class="link1"><img
													src="images/icons/icon_zoom.png" class="scale-with-grid" /></a>

											</div>
										</div>
									</div> <span class="clear"></span>
									<div class="view_title">
										<a href="#"><h6>Marketing strategies</h6></a> <span
											class="port_cat"><p>marketing</p> </span>
									</div>

								</li>
								<li class="four columns">


									<div class="view view-tenth">
										<span class="image_holder"> <img
											src="images/large/77.jpg" alt="" class="scale-with-grid" />
										</span>
										<div class="mask">
											<div class="mask_wrapper">
												<a href="images/large/77.jpg" title=""
													data-rel="prettyPhoto[portfolio]" class="link1"><img
													src="images/icons/icon_zoom.png" class="scale-with-grid" /></a>

											</div>
										</div>
									</div> <span class="clear"></span>
									<div class="view_title">
										<a href="#"><h6>Project Management</h6></a> <span
											class="port_cat"><p>consultant</p> </span>
									</div>

								</li>

								<li class="four columns">

									<div class="view view-tenth">
										<span class="image_holder"> <img
											src="images/large/a10.jpg" alt="" class="scale-with-grid" />
										</span>
										<div class="mask">
											<div class="mask_wrapper">
												<a href="images/large/a10.jpg" title=""
													data-rel="prettyPhoto[portfolio]" class="link1"><img
													src="images/icons/icon_zoom.png" class="scale-with-grid" /></a>
											</div>
										</div>
									</div> <span class="clear"></span>
									<div class="view_title">
										<a href="#"><h6>Sale increasing</h6></a> <span
											class="port_cat"><p>stragies</p> </span>
									</div>
								</li>
								<li class="four columns">

									<div class="view view-tenth">
										<span class="image_holder"> <img
											src="images/large/15.jpg" alt="" class="scale-with-grid" />
										</span>
										<div class="mask">
											<div class="mask_wrapper">
												<a href="images/large/15.jpg" title=""
													data-rel="prettyPhoto[portfolio]" class="link1"><img
													src="images/icons/icon_zoom.png" class="scale-with-grid" /></a>
											</div>
										</div>
									</div> <span class="clear"></span>
									<div class="view_title">
										<a href="#"><h6>Sale increasing</h6></a> <span
											class="port_cat"><p>stragies</p> </span>
									</div>
								</li>
								<li class="four columns">


									<div class="view view-tenth">
										<span class="image_holder"> <img
											src="images/large/22.jpg" alt="" class="scale-with-grid" />
										</span>
										<div class="mask">
											<div class="mask_wrapper">
												<a href="images/large/22.jpg" title=""
													data-rel="prettyPhoto[portfolio]" class="link1"><img
													src="images/icons/icon_zoom.png" class="scale-with-grid" /></a>

											</div>
										</div>
									</div> <span class="clear"></span>
									<div class="view_title">
										<a href="#"><h6>Marketing strategies</h6></a> <span
											class="port_cat"><p>marketing</p> </span>
									</div>

								</li>
								<li class="four columns">


									<div class="view view-tenth">
										<span class="image_holder"> <img
											src="images/large/77.jpg" alt="" class="scale-with-grid" />
										</span>
										<div class="mask">
											<div class="mask_wrapper">
												<a href="images/large/77.jpg" title=""
													data-rel="prettyPhoto[portfolio]" class="link1"><img
													src="images/icons/icon_zoom.png" class="scale-with-grid" /></a>

											</div>
										</div>
									</div> <span class="clear"></span>
									<div class="view_title">
										<a href="#"><h6>Project Management</h6></a> <span
											class="port_cat"><p>consultant</p> </span>
									</div>

								</li>

							</ul>
							<div class="clearfix"></div>
						</div>


						<div class="clear"></div>
					</div>
					<!-- End Portfolio -->

				</div>
				<!-- End port wrapper -->
				<div class="copyrights">
					Collect from <a href="http://www.cssmoban.com/" title="模板之家">模板之家</a>
				</div>

				<div class="border_divider"></div>

				<div class="blog_wrapper_home">
					<div class="sixteen columns">
						<div class="pb_title_wrapper">
							<h3 class="pb_title">Latest News</h3>
							<p class="sub_pb_title">
								<a href="#"> &nbsp; - &nbsp; go to blogs </a>
							</p>
							<div class="clear"></div>

						</div>
					</div>
					<div class="blog_h_inner">
						<ul class="blog_homepage">
							<li class="one-third column">
								<div class="home_time_wrap">
									<div class="icon_b_wrapper">
										<div class="image_icon"></div>
									</div>
									<div class="day_b_wrapper">
										<span class="day_b_wrapper_inner">11</span>
									</div>
									<div class="date_b_wrapper">
										<span class="h_month"> Jan </span> <span class="y_month">
											2013 </span>
									</div>
								</div> <!-- End Home time wrapper -->

								<div class="four columns">
									<div class="home_b_holder">
										<div class="view view-tenth">
											<span class="image_holder"> <img
												src="images/large/1.jpg" alt="" class="scale-with-grid" />
											</span>
											<div class="mask">
												<div class="mask_wrapper2">
													<a href="images/large/1.jpg" title=""
														data-rel="prettyPhoto[portfolio]" class="link1"><img
														src="images/icons/icon_zoom.png" class="scale-with-grid" /></a>

												</div>
											</div>
										</div>

										<div class="clear"></div>
										<div class="view_title_b">
											<a href="#"><h6>Sale incresing</h6></a>
											<p>Malesuada fames ac turpis egesda tas, vestibulum
												tortor quam, feugiat ultricies orliver eget,vitae erocato
												dan.</p>
										</div>
									</div>
								</div>
							</li>
							<li class="one-third column">
								<div class="home_time_wrap">
									<div class="icon_b_wrapper">
										<div class="slide_icon"></div>
									</div>
									<div class="day_b_wrapper">
										<span class="day_b_wrapper_inner">07</span>
									</div>
									<div class="date_b_wrapper">
										<span class="h_month"> Jan </span> <span class="y_month">
											2013 </span>
									</div>
								</div> <!-- End Home time wrapper -->

								<div class="four columns">
									<div class="flexslider">
										<ul class="slides">
											<li><img src="images/large/2.jpg" alt="header" /></li>
											<li><img src="images/large/3.jpg" alt="header" /></li>
											<li><img src="images/large/4.jpg" alt="header" /></li>
										</ul>
									</div>

									<div class="clear"></div>
									<div class="view_title_b">
										<a href="#"><h6>What is branding ?</h6></a>
										<p>Malesuada fames ac turpis egesda tas, vestibulum tortor
											quam, feugiat ultricies orliver eget,vitae erocato dan.</p>
									</div>
								</div>
							</li>
							<li class="one-third column">
								<div class="home_time_wrap">
									<div class="icon_b_wrapper">
										<div class="video_icon"></div>
									</div>
									<div class="day_b_wrapper">
										<span class="day_b_wrapper_inner">04</span>
									</div>
									<div class="date_b_wrapper">
										<span class="h_month"> Jan </span> <span class="y_month">
											2013 </span>
									</div>
								</div> <!-- End Home time wrapper -->
								<div class="four columns">
									<div class="scale_vid"></div>

									<div class="clear"></div>
									<div class="view_title_b">
										<a href="#"><h6>Join us now, Start it</h6></a>
										<p>Malesuada fames ac turpis egesda tas, vestibulum tortor
											quam, feugiat ultricies orliver eget,vitae erocato dan.</p>
									</div>
								</div>
							</li>
						</ul>
						<div class="clear"></div>
					</div>
					<!-- End Blog homepage wrapper -->
				</div>
				<!-- End first wrapper -->

				<div class="clear"></div>


			</div>


			<footer id="footer">
			<div class="footer_support">
				<div class="container sixteen columns">
					<div class="footer_support_inner">
						<i class="icon_vid_s"></i>
						<div class="twelve columns">
							<div class="text_support">
								Video call supporting is the better way to asking us the
								question, <a href="#">Contact us now 24/7 </a>
							</div>
						</div>
						<i class="icon_support_user"></i>
						<div class="clear"></div>
					</div>
				</div>
			</div>
			<!-- End support -->
			<div class="container">
				<div class="footer_inner">

					<div class="sixteen columns">

						<div class="four columns clearfix widget alpha">
							<div class="widget_text">
								<img src="images/logo2.png" alt="" class="scale-with-grid" /> <span
									class="foot_title">Company's name</span><br />
								<p>We suport 24/7, sed diam nonummy nibh euismod.Lorem ipsum
									dolor,sed diam nonumy eirmod tempor invid unt utat labore et
									dolore magna.</p>

							</div>
						</div>

						<div class="four columns widget">
							<h5 class="widget_title">Popular blog post</h5>
							<div class="widget_blogposts">
								<ul>
									<li class="p_widget_inner clearfix">
										<div class="post_wiget_ti">
											<a href="#">Join us now, Start it</a>
										</div> <img src="images/blog/s3.jpg" alt="" class="scale-with-grid" />
										<p>Fames ac turpis egesda tas, vestibulum tortorina quam,
											feugiat</p>
										<div class="sub_date_wrapper">
											<span class="left sub_text3">11 Nov 2012</span> <span
												class="right sub_text3"><a href="#"> 3 comments </a></span><span
												class="icon_comment"></span>
										</div>
										<div class="clear"></div>
									</li>
									<li class="p_widget_inner clearfix">
										<div class="post_wiget_ti">
											<a href="#">What is branding</a>
										</div> <img src="images/blog/s4.jpg" alt="" class="scale-with-grid" />
										<p>Fames ac turpis egesda tas, vestibulum tortorina quam,
											feugiat</p>
										<div class="sub_date_wrapper">
											<span class="left sub_text3">11 Nov 2012</span> <span
												class="right sub_text3"><a href="#"> 1 comment </a></span><span
												class="icon_comment"></span>
										</div>
										<div class="clear"></div>
									</li>
								</ul>
								<div class="clear"></div>
							</div>
						</div>
						<div class="four columns widget">
							<h5 class="widget_title">Latest tweets</h5>
							<div class="widget_tweets"></div>

						</div>

						<div class="four columns widget omega">
							<h5 class="widget_title">Contact info</h5>
							<div class="widget_text">
								<span class="foot_title">Company Location</span><br />
								<p>
									Hang Studios, Hongkar City<br /> Load 32, Lie wei street<br />
									Building 32, Maoei, Hongkong
								</p>

								<span class="foot_title">How To Contact Us</span><br /> <span
									class="icon_mail sub_text2"> <a
									href="mailto:your@email.com">you@yourdomain.com</a></span><br /> <span
									class="icon_tele2 sub_text2"> 968-442-3301</span>
							</div>
						</div>
					</div>
				</div>
			</div>
			</footer>
			<!-- End Footer -->
			<s:include value="common_file/bottom.jsp"></s:include>
		</div>
	</div>
</body>
</html>
